{*Smarty*}

<!-- ------------------ CONTENT ------- -->
        {literal}
                    <script>
                    
                    function check_form(){
                        
                        var f = document.forms['contact'];
                        err = '';
                       
                        e = f.elements['client_name'];
                        if(!e || e.value=='') {
                            err += "\n\tType your name";
                        }
                        e = f.elements['client_email'];
                        var re = new RegExp("^[a-zA-Z]+[0-9a-zA-Z_]+@[0-9a-zA-Z]+");
                        if(re.exec(e.value)==null){
                            err += "\n\tWrong email";
                              }
                        e = f.elements['client_login'];
                        if(!e || e.value=='') {
                            err += "\n\tType your login";
                        }
                        e = f.elements['client_password'];
                        if(!e || e.value=='') {
                            err += "\n\tType your password";
                        }
                        e = f.elements['client_phone'];
                        if(!e || e.value=='') {
                            err += "\n\tType your phone number";
                        }
                        e = f.elements['client_billing_name'];
                        if(!e || e.value=='') {
                            err += "\n\tType your billing name";
                        }
                        e = f.elements['client_billing_adress1'];
                        if(!e || e.value=='') {
                            err += "\n\tType your billing address";
                        }
                        e = f.elements['client_billing_city'];
                        if(!e || e.value=='') {
                            err += "\n\tType your billing city";
                        }
                        e = f.elements['client_billing_zip'];
                        if(!e || e.value=='') {
                            err += "\n\tType your billing zip code";
                        }
                        e = f.elements['client_billing_phone'];
                        if(!e || e.value=='') {
                            err += "\n\tType your billing phone";
                        }
                        if(err!='') {
                            alert("You haven't fill all required fields:\n"+err);
                            return false;
                            }
                        
                        return true;
                        
                    }
                    </script>
                     {/literal}

<script language="javascript" type="text/javascript" src="/res/js/register_face.js"></script>
    <br />
    <img src="/img/logo_register.gif">
    <table width="377" cellpadding='1' align='center' cellspacing='1' border='0' id="content_text">
<!-- ****************************************************  Start of Form ******************************************************* -->
<form name='contact' method="post" action="{geturl plugin=ccontrl method='null' params='page=acount'}" onSubmit="javascript : return checkForm('contact');">
<input type="hidden" name="event" value="RegisterNewClient" />

    <tr>
        <td class="nopadding">
        <!-- ************************* Cart Table **************************************** -->
        <table width="95%" cellpadding="1" cellspacing="1" border="0" id="content_text" class="list" >

            <tr class="subtitle" >
                <td colspan="4"><b>&nbsp;Account information</b></td>
            </tr>

            <tr >
                <td colspan="4" width="100%" style="padding-left:0px;padding-right:0px;">
                <table width="100%" cellpadding="1" cellspacing="1" border="0" id="content_text" style="border:solid 1px #b9bbbe;">
                <tr class="light"><td align="right" width="23%">Name:<sup><font color=red>*</font></sup>&nbsp;</td><td><input type="text" name="client_name" class1='inputtext' size="47"></td></tr>
                <tr class="light"><td align="right">Email:<sup><font color=red>*</font></sup>&nbsp;</td><td><input type="text" name="client_email" class='inputtext' size="47"></td></tr>
                <tr class="light"><td align="right" width="23%">Login:<sup><font color=red>*</font></sup>&nbsp;</td><td><input type="text" name="client_login" class1='inputtext' size="47"></td></tr>
                <tr class="light"><td align="right">Password:<sup><font color=red>*</font></sup>&nbsp;</td><td><input type="password" name="client_password" class='inputtext' size="47"></td></tr>
                <tr class="light"><td align="right" nowrap> &nbsp;Phone number:<sup><font color=red>*</font></sup>&nbsp;</td><td><input type="text" name="client_phone" class='inputtext'  size="47"></td></tr>
                <tr class="light"><td align="right">Birthday:&nbsp;</td>
            <td>
            <input type="text" id="bDate" name="client_birthday" maxlength="25" size="25" style="width:115px;" />
            <a href="javascript:NewCal('bDate','ddmmmyyyy',false,24)"><img src="/img/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>
            </td>
            </tr>
    
                </table>
                </td>
            </tr>


            <tr class="subtitle">
                <td colspan="4"><b>&nbsp;Billing information</b></td>
            </tr>

            <tr >
                <td colspan="4" width="100%" style="padding-left:0px;padding-right:0px;">
                <table width="100%" cellpadding="1" cellspacing="1" border="0" id="content_text" style="border:solid 1px #b9bbbe;">
                <tr class="light"><td align="right" width="23%">Name:<sup><font color=red>*</font></sup>&nbsp;</td><td><input type="text" name="client_billing_name" class='inputtext'  size="47"></td></tr>
                <tr class="light"><td align="right">Country:&nbsp;</td><td><SELECT id="client_billing_country" width="79" OnChange="FillState(document.contact.client_billing_country, document.contact.client_billing_state,'')"  name="client_billing_country" style="width:254px" ></SELECT></td></tr>
                <tr class="light"><td align="right">Address1:<sup><font color=red>*</font></sup>&nbsp;</td><td><input type="text" name="client_billing_adress1" class='inputtext'  size="47"></td></tr>
                <tr class="light"><td align="right">Address2:&nbsp;</td><td><input type="text" name="client_billing_adress2" class='inputtext'  size="47"></td></tr>
                <tr class="light"><td align="right">City:<sup><font color=red>*</font></sup>&nbsp;</td><td><input type="text" name="client_billing_city" class='inputtext'  size="47"></td></tr>
                <tr class="light"><td align="right">State:&nbsp;</td><td><SELECT id1="state" size=1 name="client_billing_state" value="Alabama" class="inputtext"  style="width:254px"></SELECT></td></tr>
                <tr class="light"><td align="right">Zip:<sup><font color=red>*</font></sup>&nbsp;</td><td><input type="text" name="client_billing_zip" class='inputtext'  size="47"></td></tr>
                <tr class="light"><td align="right" nowrap> &nbsp;Phone number:<sup><font color=red>*</font></sup>&nbsp;</td><td><input type="text" name="client_billing_phone" class='inputtext' size="47"></td></tr>
                </table>
                </td>
            </tr>

            <tr  >
            <td colspan="4"><b>&nbsp;Shipping details information</b><br /><span style="font-weight:normal">&nbsp;Your shipping address</span></td>
            </tr>
                
            <tr>
                <td>
                <table width="100%" cellpadding="1" cellspacing="1" border="0" id="content_text" style="border:solid 1px #b9bbbe;">
                <tr class="light"><td align="right" width="24%">Name:&nbsp;</td><td><input type="text" name="client_shipping_name" class='inputtext' size="47"></td></tr>
                <tr class="light"><td align="right">Country:&nbsp;</td><td><SELECT id="client_shipping_country" name="client_shipping_country" OnChange="FillState(document.contact.client_shipping_country, document.contact.client_shipping_state,'')" class="inputtext"  style="width:254px"></SELECT></td></tr>
                <tr class="light"><td align="right">Address1:&nbsp;</td><td><input type="text" name="client_shipping_adress1" class='inputtext' size="47"></td></tr>
                <tr class="light"><td align="right">Address2:&nbsp;</td><td><input type="text" name="client_shipping_adress2" class='inputtext' size="47"></td></tr>
                <tr class="light"><td align="right">City:&nbsp;</td><td><input type="text" name="client_shipping_city" class='inputtext' size="47"></td></tr>
                <tr class="light"><td align="right">State:&nbsp;</td><td><SELECT id="state" size=1 name="client_shipping_state" value="Alabama" class="inputtext" style="width:254px"></SELECT></td></tr>
                <tr class="light"><td align="right">Zip:&nbsp;</td><td><input type="text" name="client_shipping_zip" class='inputtext' size="47"></td></tr>
                
                </table>
                </td>
            </tr>
        </table>
<!--            <tr class="subtitle">
                <td colspan="4" align="left"><b>&nbsp;Payment option:</b></td>
            </tr>
-->     </td>
    </tr>
   
 

    <tr class="dark">
        <td colspan="2" style="padding-left:30px;margin-left:30px;">
            <br />
            <font color="Red"><sup>*</sup> - fields required</font>
            <br /><br />
        </td>
    </tr>


<!-- ********************************************** Submit buttons *************************************************** -->
        <br />
</form>
    
    </table>
    
    <div align="center">
        <a onclick1=");" href="#" onclick="if (check_form()==true) document.forms['contact'].submit();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','img/b_submit_on.gif',1)"><img src="img/b_submit_off.gif" name="Image2" border="0" id="Image2"></a>&nbsp;
        <a href="" onclick="javascript: history.back();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','img/b_cancel_on.gif',1)"><img src="img/b_cancel_off.gif" name="Image1" border="0" id="Image1"></a> 
    </div>
    <br>
                    {literal}
                    <SCRIPT>
                        FillCountry(document.contact.client_billing_country, document.contact.client_billing_state, 'USA');
                        FillState(document.contact.client_billing_country, document.contact.client_billing_state, 'Alabama');
                        FillCountry(document.contact.client_shipping_country, document.contact.client_shipping_country, 'USA');
                        FillState(document.contact.client_shipping_country, document.contact.client_shipping_state, 'Alabama');
            
                    </SCRIPT>
                    {/literal}
